<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第三周周考</title>
		<style type="text/css">
			.one{
				width: 900px;
				height: 700px;
				border-top: 2px solid darkgray;
				margin: 0 auto;
			}
			.two{
				width: 800px;
				height: 250px;
				margin: 0 auto;
			}
			.two-1{
				width: 100%;
				height: 50px;
				border-bottom: 1px solid darkgray;
				text-align-last: auto;
			}
			.two-2{
				width: 100%;
				height: 200px;
			}
			.two-2-1{
				width: 48%;
				height: 190px;
				margin: 5px;
				float: left;
			}
			.two-2-1>img{
				width: 48%;
				height: 190px;
				float: left;
			}
			.two-2-1-1{
				width: 48%;
				height: 100%;
				text-align: center;
				float: right;
			}
			.two-2-2{
				width: 48%;
				height: 190px;
				margin: 5px;
				float: right;
			}
			.two-2-2>img{
				width: 48%;
				height: 190px;
				float: left;
			}
			.two-2-2-1{
				width: 48%;
				height: 100%;
				text-align: center;
				float: right;
			}
			.three{
				width: 800px;
				height: 450px;
				margin: 0 auto;
			}
			.three-1{
				width: 23%;
				height: 40%;
				float: left;
				margin: 5px;
			}
			.three-1>img{
				width: 100%;
				height: 70%;
			}
		</style>
	</head>
	<body>
		<div class="one">
			<div class="two">
				<div class="two-1">
					<b><span style="border-bottom: 2px solid red;">主持节目</span></b>
				</div>
				<div class="two-2">
					<div class="two-2-1">
						<img src="img/1.png" >
						<div class="two-2-1-1">
							<h3>故事里的中国</h3><br>
							<span>首播时间:周日20:00</span><br>
							<span>播出频道:CCTV-1综合</span>
						</div>
					</div>
					<div class="two-2-2">
							<img src="img/1.png" >
							<div class="two-2-2-1">
								<h3>故事里的中国</h3><br>
								<span>首播时间:周日20:00</span><br>
								<span>播出频道:CCTV-1综合</span>
							</div>
					</div>
				</div>
			</div>
			<div class="three">
				<div class="two-1">
					<b><span style="border-bottom: 2px solid red;">视频</span></b>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
				<div class="three-1">
					<img src="img/1.png" >
					<span>故事里的中国</span>
					<span>首播时间:周日20:00</span><br>
				</div>
			</div>
		</div>
	</body>
</html>
